<!--
 * @Descripttion: 出手鸭小程序
 * @version:1.0.1 
 * @Author: HHL
 * @Date: 2023-10-10 18:09:46
 * @LastEditTime: 2023-11-15 21:43:36
 * @LastEditors: sueRimn
-->

<template>
  <view class="footer" :class="systemInfo.fullScreen ? '' : ''">
    <view class="customer-service">
      <view class="base-icons kefu-icon" @click="urlJump({ routeType: 2, target: urlTarget })"/>
      <view>客服</view>
    </view>
    <view class="button" @click="$emit('handleSumbit')"></view>
  </view>
</template>


<script>
export default {
  props: {
    systemInfo: { type: Object, default: {} },
    evaluate: { type: Object, default: {} },
    selectCoupon: { type: Object, default: {} },
    serviceTypeText: { type: String, default: '' }
  },
  data () {
    return {
      urlTarget:'https%3a%2f%2fszcskjyxgszj.qiyukf.com%2fclient%3fk%3d0e53e1b92d44e6d4ce46772a56d87068%26wp%3d1%26robotShuntSwitch%3d0%26shuntId%3d0%26language%3dzh-cn%26templateId%3d8131497'
    }
  }
}
</script>

<style lang="scss" scoped>
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 32rpx 32rpx 32rpx 48rpx;
  background-color: #fff;
  z-index: 1;
  box-shadow: 0rpx -2rpx 6rpx 0rpx #EEEEEE;
  display: flex;
  justify-content: center;
  align-items: center;
  .customer-service {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 24rpx;
    color: #333333;
    margin-right: 42rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    .kefu-icon {
      width: 40rpx;
      height: 40rpx;
      background: url(https://image.chushouya.com/assets/images/product/icon_kefu@2x.png) no-repeat center;
      background-size: 100% 100%;
      position: relative;
    }   
  }
  .button {
    flex: 1;
    height: 96rpx;
	background: url('https://image.chushouya.com/assets/images/product/tabar_gjcs.png') no-repeat center;
	background-size: 100% 100%;
  }
}
::v-deep {
  .customer-service .kefu-icon contact-button{
    width: 100%;
    height: 100%;
    position: absolute;
    left:0;
    top:0;
    opacity:0;
    z-index:88;
  }
}
</style> 